<template>
  <div>
    <myheader></myheader>
    <navtable></navtable>
    <b class="line"></b>
    <div class="clear"></div>
    <div class="take-delivery" style="height:400px">
      <div class="status">
        <h2>积分充值成功</h2>
        <div class="successInfo">
          <ul>
            <li>付款金额<em>¥{{validateMode.total_amount}}</em></li>
          </ul>
          <div class="option" v-if="success">
            <span class="info">您可以</span>
            <router-link href="javascript:;;" class="J_MakePoint" :to="{name:'integral'}">查看<span>积分详情</span></router-link>
          </div>
        </div>
      </div>
    </div>
    <foot></foot>
    <navfull></navfull>
  </div>
</template>

<script>
import myheader from '@/components/myheader.vue'
import navfull from '@/components/navfull.vue'
import navtable from '@/components/navtable.vue'
import leftmenu from '@/components/leftmenu.vue'
import foot from '@/components/foot.vue'
export default {
  name: 'paysuccess2',
  data () {
    return {
      validateMode: {},
      msg: "",
      checkAddr: {},
      success: true,
      paytype: ""
    }
  },
  components: {
    myheader,
    navfull,
    navtable,
    leftmenu,
    foot
  },
  mounted () {
    this.validate();
  },
  methods: {
    validate () {
      var validateMode = {};
      validateMode.trade_no = this.$route.query.trade_no;
      validateMode.out_trade_no = this.$route.query.out_trade_no;
      validateMode.total_amount = this.$route.query.total_amount;
      validateMode.timestamp = this.$route.query.timestamp;
      this.validateMode=validateMode;
      this.axios.post("/trade/pay/result/validate2",
        validateMode).then((res) => {
        })
    }
  }
}
</script>

<style scoped>
@import "../../../AmazeUI-2.4.2/assets/css/admin.css";
@import "../../../AmazeUI-2.4.2/assets/css/amazeui.css";
@import "../../../assets/css/sustyle.css";
@import "../../../assets/css/demo.css";
</style>
